<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 倒计时效果
        // 1. 核心算法： 输入时间减去现在的时间为剩余的时间，即为倒计时，但是不能直接拿着时分秒进行相减
        // 2. 用时间戳来做。用户输入时间的时间戳减去现在时间的时间戳，为倒计时的时间。
        // 3. 将剩余时间的毫秒数转换为天、时、分、秒  （时间戳转换为时分秒）
        // 转换公式：
        // d = parseInt(总秒数 /60/60 /24);
        // h = parseInt(总秒数 /60/60 %24);
        // m = parseInt(总秒数 /60 %60);
        // s = parseInt(总秒数 %60);

        function countDown(time) {
            var inputTime = +new Date(time);
            var nowTime = +new Date();
            var times = (inputTime - nowTime) / 1000;   // 总秒数
            var d = parseInt(times / 60 / 60 / 24);     // 天
            d = (d < 10) ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24);     // 时
            h = (h < 10) ? '0' + h : h;
            var m = parseInt(times / 60 % 60);          // 分
            m = (m < 10) ? '0' + m : m;
            var s = parseInt(times % 60 );              // 秒
            s = (s < 10) ? '0' + s : s;
            return d + '天' + h + '时' + m + '分' + s + '秒';
        }

        console.log(countDown('2020-4-9 00:00:00'));
        
    </script>
</body>
</html>